<template>
	<view class="myView">
		<!-- 基础用法 -->
		<text>普通文本</text>

		<!-- 可复制文本 -->
		<text selectable>可复制的文本内容</text>

		<!-- 处理特殊字符 -->
		<text decode>解析HTML实体：&lt;div&gt; &amp; &nbsp;</text>

		<!-- 处理空格 -->
		<text space="emsp">全角 空格</text>

		<!-- 多行文本（换行） -->
		<text>第一行\n第二行</text>
	</view>
</template>

<script setup>
import { ref } from 'vue';
</script>

<style lang="scss" scoped>
.myView {
	display: flex;
	flex-direction: column;
	text{
		margin-top: .5rem;
	}
}
</style>
